<template>
  <!-- 学习目标：ref获取dom元素 -->
  <div>
    <!-- 1. 添加ref属性  -->
    <input id="box" ref="xxx" type="text" />
    <button @click="fn">点我激活input</button>
  </div>
</template>

<script>
export default {
  methods: {
    fn() {
      // <!-- 2. this.$refs.ref名 -->
      console.log("this.$refs.xxx  ----->  ", this.$refs.xxx);
      this.$refs.xxx.focus();
    },
  },
};
</script>

<style></style>
